<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" >

	<ui:composition template="templateProveedor.xhtml">
		<ui:define name="registroDescargas">
		
			<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
			<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
			<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
			
			<script type="text/javascript">
			$(function () {
			
		        $('#container').highcharts({
		    
		        	title: {
		                text: 'Descargas mensuales del contenido',
		                x: -20 //center
		            },
		            subtitle: {
		                text: '',
		                x: -20
		            },
		            xAxis: {
		                categories: #{proveedorBean.rx}
		            },
		            yAxis: {
		                title: {
		                    text: 'Cantidad de Descargas'
		                },
		                plotLines: [{
		                    value: 0,
		                    width: 1,
		                    color: '#808080'
		                }]
		            },
		            tooltip: {
		                valueSuffix: ''
		            },
		            legend: {
		                layout: 'vertical',
		                align: 'right',
		                verticalAlign: 'middle',
		                borderWidth: 0
		            },
		            series: [{
		                name: 'Total',
		                data: #{proveedorBean.ry}
		            }]
		        });
		    });
			</script>
			
					
			<p:panel id="container" style="width: 830px; align: right; height: 620px; margin: 0 auto;" layout="block">
			
			</p:panel>
			<p:commandButton style="float: right; right:400px;" id="vovler"
							value="Volver al listado de Contenidos" onclick="history.back()"/>
							
	 </ui:define>	 
	</ui:composition>	
 
 </html>


